<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>有序列表</title>
</head>
<body>
<!--
    ol表示一个有序列表的区域,是一个父标签
    在一个列表中,存在许多的列表项,每一个列表项通过li标签表示
    列表的内容就是li标签的标签体内容
    type:控制列表的标记类型,其值有五种:1(阿拉伯数字,默认值)、A(大写英文字母)、a(小写英文字母)、I(大写罗马数字)、i(小写罗马数字)
    start:控制列表标记的值从第几个开始,默认从第一个开始,值是一个数字,表示第几个
    reversed:翻转顺序,在没有翻转前,顺序的值每次自增1,翻转后自减1
        如果自减后到达初始值,下一个值会变为0、-1、-2依次类推
        无视类型,不管什么类型到达初始值后的值都会自动变为数字
-->
<ol type="1" start="3" reversed="reversed">
    <li>第一章</li>
    <li>第二章</li>
    <li>第三章</li>
    <li>第四章</li>
    <li>第五章</li>
    <li>第六章</li>
</ol>
<ol type="A" start="2" reversed>
    <li>第一个选项</li>
    <li>第二个选项</li>
    <li>第三个选项</li>
    <li>第四个选项</li>
</ol>
<ol type="a" start="5">
    <li>第一个选项</li>
    <li>第二个选项</li>
    <li>第三个选项</li>
    <li>第四个选项</li>
</ol>
<ol type="I" start="2" reversed>
    <li>第一个选项</li>
    <li>第二个选项</li>
    <li>第三个选项</li>
    <li>第四个选项</li>
</ol>
<ol type="i" start="5">
    <li>第一个选项</li>
    <li>第二个选项</li>
    <li>第三个选项</li>
    <li>第四个选项</li>
</ol>
</body>
</html>